<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>烟台公安出入境</title>

    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/vue.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <style>
        body, html {
            height: 100%;
            width: 100%;
        }

        .main_container {
            height: 100%;
            width: 100%;
            background-color: #3475d1;
            text-align:;
        }
        .logo_container{
            margin: 0 auto;
            width: 72%;
            padding-top: 10%;
        }

        .btn_container{ display: flex;flex-direction: column;justify-content: center;height: 40%;align-items: center;}
        a.service_btn{color: white;display: flex;flex-direction: column;height: 16vw;width: 72%;border: 2px solid white;border-radius: 8vw;margin-top: 5vw;
            justify-content: center;align-items: center;}
        span.btn_title_cn{font-size: 6vw;}
        span.btn_title_en{font-size: 3.2vw;}


    </style>

</head>
<body>
<div class="main_container">
    <div class="logo_container">
        <img src="/images/full_logo2.png" width="100%"/>
    </div>

    <div class="btn_container">
        <a class="service_btn" href="/userType?t=1">
            <span class="btn_title_cn">中国公民业务</span>
            <!--<span class="btn_title_en">Service for Chinese</span>-->
        </a>
        <a class="service_btn" href="/userType?t=2">
            <span class="btn_title_cn">境外人员业务</span>
            <!--<span class="btn_title_en">Service for Foreigners and Taiwan Compatriots</span>-->
        </a>
    </div>
</div>
</body>
</html>